﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<%@ Import Namespace="Microsoft.Web.Mvc"%>
<asp:Content ID="registerHead" ContentPlaceHolderID="head" runat="server">
    <title>Đăng kí thành viên</title>
</asp:Content>
<asp:Content ID="js_css" ContentPlaceHolderID="js_css" runat="server">
 <script src="/scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
		<link rel="stylesheet" href="/content/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
		<script src="/scripts/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
 
<style>
label.contact 
{
	width:110px;
}
input.contact_input
{
	width:208px;
}
</style>
</asp:Content>
<asp:Content ID="registerContent" ContentPlaceHolderID="left_content" runat="server">
           
            <div class="crumb_nav">
             <a href="/home/index">Trang Chủ</a> &gt;&gt; Đăng Kí Thành Viên 
            </div>
            
            <div class="title"><span class="title_icon"><img title="" alt="" src="/content/images/bullet1.gif" /></span>Đăng Kí Thành Viên</div>
            
        	
        	<div class="feat_prod_box_details">
            <p class="details">
            
            </p>
            
              	<div class="contact_form">
                <div class="form_subtitle">Tạo Tài Khoản Mới</div>
                 
                 <div style="text-align:center;">
                     <% if (ViewData["success"] != null)
                       { %>
                    <div class="success"><%= Html.Encode(ViewData["success"])%></div>
                    <%} %>
                    <% if (ViewData["error"] != null)
                       { %>
                    <div class="warning"><%= Html.Encode(ViewData["error"])%></div>
                    <%} %>
                </div>
                 <form action="/account/register" method="post" id="register1" name="register1">          
                    <div class="form_row">
                    <label class="contact"><strong>Tên Đăng Nhập:</strong></label>
                    <input type="text" class="contact_input" name="username" id="username"  maxlength="20" />
                    </div>  


                    <div class="form_row">
                    <label class="contact" ><strong>Mật Khẩu:</strong></label>
                    <input type="password" class="contact_input" name="password" id="password" maxlength="20"/>
                    </div> 
                    
                    <div class="form_row">
                    <label class="contact" ><strong>Nhập Lại Mật Khẩu:</strong></label>
                    <input type="password" class="contact_input" name="confirm_password" id="confirm_password" maxlength="20"/>
                    </div> 

                    <div class="form_row">
                    <label class="contact" ><strong>Email:</strong></label>
                    <input type="text" class="contact_input" name="email" id="email" maxlength="50"/>
                    </div>


                    <div class="form_row">
                    <label class="contact" ><strong>Điện Thoại:</strong></label>
                    <input type="text" class="contact_input" name="phone" id="phone" value="<%= Html.Encode(ViewData["phone"]) %>" maxlength="20"/>
                    </div>
                    
                    <div class="form_row">
                    <label class="contact" ><strong>CMND:</strong></label>
                    <input type="text" class="contact_input" name="cmnd" id="cmnd" value="<%= Html.Encode(ViewData["cmnd"]) %>" maxlength="9"/>
                    </div>
                    
                    <div class="form_row">
                    <label class="contact" ><strong>Địa Chỉ:</strong></label>
                    <input type="text" class="contact_input" name="address" id="address" value="<%= Html.Encode(ViewData["address"]) %>" maxlength="150"/>
                    </div>                    
                    <div class="form_row">
                        <div class="terms">
                        <input type="checkbox" name="terms" id="terms"/>
                        Tôi đã đồng ý với<a href="/home/terms?ie=UTF-8&oe=UTF-8&q=prettyphoto&iframe=true&width=100%&height=100%" rel="prettyPhoto[iframe]"> qui định </a>của BookStore</div>
                    </div> 
			
                    <div class="form_row">
                    <input type="button"  onclick="check_validate()" value="Đăng Ký" class="register"/>
                    </div>   
                  </form>     
                </div>  
            
          </div>	
 
 <script type="text/javascript">
     $(document).ready(function() {
         $("a[rel^='prettyPhoto']").prettyPhoto();
     }); 
     function check_validate() {
         if (document.getElementById("username").value == "") {
             alert('Vui lòng nhập tên đăng nhập');
             document.getElementById("username").focus();
             return false;
         }
         else if (document.getElementById("username").value.search(" ") != -1) {

             alert('Tên đăng nhập không đúng');
             document.getElementById("username").focus();
             return false;
         }
         else if (!document.getElementById("username").value.match(/^[0-9a-zA-Z]+$/) && document.getElementById("username").value != "") {

             document.getElementById("username").focus();
             alert("Tên đăng nhập chỉ được dùng kí tự(không dấu) và số");
             return false;
         }
         else if (document.getElementById("password").value == "") {
             alert('Vui lòng nhập mật khẩu');
             document.getElementById("password").focus();
             return false;
         }
         else if (document.getElementById("password").value.length < 6) {
             alert('mật khẩu phải dài hơn 6 kí tự');
             document.getElementById("password").focus();
             return false;
         }
         else if (document.getElementById("confirm_password").value == "" || document.getElementById("password").value != document.getElementById("confirm_password").value) {
             alert('Mật khẩu nhập lại không giống');
             document.getElementById("password").focus();
             return false;
         }
         else if (document.getElementById("email").value == "") {
             alert('Vui lòng nhập email');
             document.getElementById("email").focus();
             return false;
         }
         else if (checkEmail(document.getElementById("email").value) != true) {
             alert('Email không hợp lệ');
             document.getElementById("email").focus();
             return false;
         }
         else if (document.getElementById("phone").value == "" || isNaN(document.getElementById("phone").value)) {
             alert("Số điện thoại chưa nhập hoặc chưa chính xác");
             document.getElementById("phone").focus();
             return false;
         }
         else if (document.getElementById("cmnd").value == "" || isNaN(document.getElementById("cmnd").value)) {
             alert("Số cmnd chưa nhập hoặc chưa chính xác");
             document.getElementById("cmnd").focus();
             return false;
         }
         else if (document.getElementById("terms").checked == false) {
             alert("Bạn chưa đồng ý qui định của chúng tôi");
             document.getElementById("terms").focus();
             return false;
         }
         else {
              $('#register1').submit();
         }

     }
     function checkEmail(value) {
         if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(value))
             return true;
         else
             return false;
     }
    
</script>  

 </asp:Content>
<asp:Content ID="indexContentRight" ContentPlaceHolderID="right_content" runat="server">
   <% Html.RenderAction("index","sidebar"); %>
</asp:Content>
